<template>
  <div class='scroll-box card-box'
       v-if="visible">
    <el-dialog :visible.sync="visible"
               :close-on-click-modal="false"
               :append-to-body="true"
               title="导入信息检测"
               :before-close="closeDialog"
               class="add-or-updata"
               width="30%"
               :close-on-press-escape="false">
      <div style="color:red; margin-bottom:20px">检测以下数据账号或姓名错误，请更正后再导入！</div>
      <div v-loading='dataListLoading'>
        <el-table ref="table"
                  :data="dataList"
                  border
                  tooltip-effect="dark"
                  style="width: 100%">
          <el-table-column prop="jobNumber"
                           label="工号"
                           show-overflow-tooltip
                           header-align="center"
                           align="center">
          </el-table-column>
          <el-table-column prop="theirName"
                           label="姓名"
                           show-overflow-tooltip
                           header-align="center"
                           align="center">
          </el-table-column>
          <el-table-column prop="moneySum"
                           label="充值金额"
                           show-overflow-tooltip
                           header-align="center"
                           align="center">
          </el-table-column>
        </el-table>
      </div>
      <template slot="footer">
        <el-button @click="closeDialog">{{ $t("cancel") }}</el-button>
      </template>
    </el-dialog>
  </div>
</template>
<script>

import mixinViewModule from '@/mixins/view-module'
import minFormValidate from '@/mixins/form-validate'
export default {
  mixins: [mixinViewModule, minFormValidate],
  name: '',
  data () {
    return {
      mixinViewModuleOptions: {
        getDataInfoURL: ''
      },
      visible: false,
      dataList: []
    }
  },
  components: {},
  computed: {},
  mounted () {},
  methods: {
    closeDialog () {
      this.visible = false
    },
    init (data) {
      console.log(data)
      this.visible = true
      data = data || []
      this.dataList = data
    }
  }
}
</script>
<style lang="scss" scoped>
.pagination {
  text-align: right;
  margin-top: 5px;
}
</style>
